var names=null;
$(function (){
    //获取登陆后session的username
    alert("22222")
    var name=null;
    $.get("getLoginUser",{},function (data){
        name = data.username;
        names=name;
        $("#username").append(name)
    });
    var tag = false;
    var tag_collect = false;
    //获取当前图片的收藏状态
    $.get("getCondition",{
        src:document.getElementById('u14_img').getAttribute("src")
    },function (data){
        if(data[0]=="true"){
            tag_collect = true;
            document.getElementById("u22_img").src="pic/saved.svg";
        }if(data[0]=="false"){
        }if(data[1]=="true"){
            tag = true;
            document.getElementById("u17_img").src="pic/liked.svg";
        }if (data[1]=="false"){
        }
    });
    //收藏功能 传回当前图片的src和username，存或者删，在对应的表中
    $("#u22_img").click(function (){
        if(tag_collect===false){
            this.src="pic/saved.svg";
            tag_collect=true;
            $.get("addCollect",{
                src:document.getElementById('u14_img').getAttribute("src"),
                username: name
            },function (data){alert("收藏成功")});
        }else {
            this.src="pic/save.svg";
            tag_collect=false;
            $.get("reduceCollect",{
                src:document.getElementById('u14_img').getAttribute("src"),
                username: name
            },function (data){alert("取消收藏")});
        }
    });
    //点赞功能，传回当前图片的src，点赞表中点赞+1，或者点赞-1
    $("#u17_img").click(function (){
        if(tag===false){
            this.src="pic/liked.svg";
            tag=true;           //true位置要放到dom操作之上
            //点赞数+1
            $.get("addLike",{
                src:document.getElementById('u14_img').getAttribute("src")
            },function (data){alert("点赞成功")});
            //dom操作要放到get操作下
            var num = document.getElementById("likeNumb").innerText++;
            document.getElementById("likeNumb").innerText(num);
        }else {
            this.src="pic/like.svg";
            tag=false;          //false位置要放到dom操作之上
            //点赞数-1
            $.get("reduceLike",{
                src:document.getElementById('u14_img').getAttribute("src")
            },function (data){alert("取消点赞")});
            //dom操作要放到get操作下
            var num = document.getElementById("likeNumb").innerText--;
            document.getElementById("likeNumb").innerText(num);
        }
    });
    //把点赞数量显示出来，传回图片的src，把对应数据库表中的点赞数返回
    $.get("getLike",{ src:document.getElementById('u14_img').getAttribute("src")},function (data){
        $("#likeNumb").append(data);
    });
    //把数据库的评论读取到评论区，获取当前图片的src，数据库中传回所有该图的评论
    $.get("getComment",{src:document.getElementById('u14_img').getAttribute("src")},function (data){
        for (var i = 0 ; i< data.length;i++){
            //拼接表格的行和列
            var str =data[i].username + ": " + data[i].content + "<br>";
            //追加到table中
            $("#u24_div").append(str);
        }
    });
    //评论功能，获取当前输入框的评论，传到后端，并且把输入框中的数据写到<p>
    $("#btn_send").click(function (){
        var name;
        $.get("getLoginUser",{},function (data){
            name = data.username;
            $.ajax({
                type:"post",
                url:"addComment",
                data:{
                    username: name,
                    msg: $("#u32_input").val(),
                    src: document.getElementById('u14_img').getAttribute("src")         //获取图片src
                },
                success:function (data){
                    alert("发送成功");
                    $("#u24_div").append(name+": "+$("#u32_input").val()+"<br>")
                },
                error:function (data){
                    alert("发送失败失败");
                }
            });
        });
    });
});